<template>
<div>
<a href="baidu.con" @click="preVen">阻止跳转</a>
<a href="baidu.con" @click="preVent(num1,$event)">阻止跳转</a>
<!--    .stop 阻止事件冒泡 .prevent阻止事件默认行为 .once只能执行一次-->
<!--  @keyup.enter - 监测回车按键 @keyup.esc - 监测返回按键-->
</div>
</template>

<script>
export default {

  data(){
    return {
      num1:1
    }
  },
  methods:{
    preVen(e){
      e.preventDefault()
    },
    preVent(num,e){
      console.log(num)
      e.preventDefault()
    }
  }
}
</script>

<style scoped>


</style>